<template>
    <div class="home-header flex">
        <div class="home-header__tab">
            关注
        </div>

        <div class="home-header__tab home-header__tab--active">
            发现
        </div>

        <div class="home-header__tab">
            深圳
        </div>
    </div>

    <slot name="search"></slot>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.home-header{
    width: 60%;
    margin: 0 auto;
    height: pxToRem(60);
    justify-content: space-between;
    &__tab{
        font-size: pxToRem(16);
        color: #bbb;

        &--active{
            // font-weight: 700;
            color: #333333;
            border-bottom: pxToRem(1) solid red;
        }
    }
}
</style>